[id]/twitter-image.tsx

基本信息

• 类型: Next.js Twitter 图片生成
• 路径: ./src/app/prompts/[id]/twitter-image.tsx

功能描述

为Prompt详情页面生成Twitter分享图片。该文件直接复用Open Graph图片的生成逻辑，确保Twitter分享时显示与Facebook等其他平台一致的预览图。

路由

• 路径: /prompts/[id]/twitter-image
• 动态参数:

- id: Prompt ID（支持格式：abc123、abc123_some-slug）

组件类型

• Server Component (ImageResponse)

实现方式

通过重导出从 ./opengraph-image 导入的组件和配置：

export { default, alt, size, contentType } from "./opengraph-image";

导出配置

• alt: "Prompt Preview"（继承）
• size: { width: 1200, height: 630 }（继承）
• contentType: "image/png"（继承）

依赖

• ./opengraph-image

说明

这是Next.js App Router的约定式路由文件，当页面被分享到Twitter时，Next.js会自动使用此文件生成的图片作为Twitter Card的图片。